Make a Web Page

Include correct files in the submission

Project contains at least one HTML file and at least one CSS file.

Note: You may create a larger project (with multiple HTML files) if you like. In that case, please make sure it is clear where the reviewer should look to see that your code demonstrates each of the items listed in this rubric. You can provide this information in the Notes to reviewer when you submit your project.

Demonstrate use of a linked CSS file

Project uses a linked CSS file, rather than inline styles.

Note: Remember, you’ll need to use the <link> tag to link your HTML file to your CSS file.

Demonstrate use of valid HTML and CSS syntax

HTML and CSS files pass an automated validation check. Use the following sites to check:
• HTML Validator
• CSS Validator

Demonstrate use of structured text

Page includes at least three sections of text. Each section contains:
• A title that is formatted with a heading element (<h1>, <h2>, etc.)
• At least one paragraph of text, enclosed within a paragraph element (<p>)

Note: If you like, you may use a list (structured with <li> and <ol> or <ul>) in place of (or in addition to) a paragraph.

Demonstrate use of container elements

The HTML file contains at least 3 <div> container elements.
• Each <div> element contains multiple conceptually related pieces of content.
• Each <div> element has a class applied to it.

Demonstrate use of CSS selectors

CSS file has at least three selectors.
• These selectors are used to apply style to HTML elements on the page.

Note: Here’s a reminder of what a CSS selector looks like (in this case, it is a selector for applying styles to <p> elements):

p {
}

Demonstrate use of the class attribute and class selectors

At least one of the selectors in the CSS file is a class selector.
• Multiple HTML elements are styled using a single class selector. For example, you could style multiple <div> elements using the same class.

Note: The point of this rubric item is to show that you understand how to apply a single CSS class to multiple HTML elements.

Demonstrate use of images

Page uses the <img> tag to display at least one image.
• The image can either be submitted with the project files, or it can be included as a hyperlink to an online image source.
• The <img> element should include alternative text (using the alt attribute) that describes the image.

Demonstrate use of hyperlinks

Page uses the <a> element to provide at least one hyperlink to another page.

Credit is given for any content created by other authors

If any content (such as text or images) is not completely original, the page gives credit to the author.

For example, you may wish to include a poem or piece of artwork that was created by someone else; if you do, make sure to state who the original author is (or if the author is unknown, state where the work was taken from). If the work is taken from another website, provide a hyperlink to that website.

Please note that your code itself (that is, your HTML and CSS) must be completely original.